header{
    display: flex;
    height: 0.96rem;
    width: 7.5rem;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top:0;
    z-index: 2;
    background-color:#F7F5EF;;

}
header .middle{
    height: 0.58rem;
    width:5.47rem;
    background:rgba(255,255,255,1);
    border-radius:0.1rem;
    display: flex;
    align-items: center;
}

header .left{
    font-size: 0.30rem;
    margin-left: 0.12rem;
}
header .middle .text{
    font-size: 0.24rem;
    color:hsla(0, 0%, 60%, 1);
    margin-left: 0.30rem;
}


header .middle .search{
    background-image: url("../../home-page/img/sousuo@2x.png");
    height: 0.27rem;
    width:0.27rem;
    background-size: cover;
    color: hsla(0, 0%, 60%, 1);
    margin-left: 0.17rem;
}
header .right{
    background-image: url("../../home-page/img/xiaoxi@2x.png");
    height:0.35rem;
    width:0.35rem;
    background-size: cover;
    margin-right: 0.28rem;
}


nav{
    width:6.9rem;
    height:0.9rem;
    background-color: #FFFFFF;
    font-size: 0.36rem;
    margin: 1rem auto;
    display: flex;
    border-radius:0.2rem;
}
nav .nav-left{
    height:0.9rem;
    width:3.45rem;
    line-height: 0.9rem;
    text-align: center;
    position: relative;

}
nav .nav-left::before{
    position: absolute;
    left:1.27rem;
    top:0.85rem;
    content: '';
    display: block;
    height: 0.05rem;
    width:0.91rem;
   background-color:#AB7246;
}
nav .nav-right{
    height:0.9rem;
    width:3.45rem;
    line-height: 0.9rem;
    text-align: center;
}
.content{
    height: 1.6rem;
    width:7.5rem;
    display: flex;
    justify-content:space-between;
    margin-top: -0.7rem;
}
.content .box{
    height: 1rem;
    width: 1.1rem;
}

.content .box .img-wrapper{
    height:0.6rem;
    background-color:rgba(171, 114, 70, 1);
    width:0.6rem;
    margin: 0 auto;
    border: 1px solid #FFFFFF;
    border-radius: 0.1rem;

}

.content .box .img-wrapper .img{
    background-image: url("../img/zhishi@2x.png");
    height:0.28rem;
    width: 0.28rem;
    background-size: cover;
    margin: 0.15rem auto;
}
.content .box .text{
    font-size: 0.26rem;
    color: rgba(51, 51, 51, 1);
}
.content .aa{
    margin-left: 0.64rem;
}
.content .bb{
    margin-right: 0.64rem;
}

.banner-1{
    width: 6.89rem;
    height: 1.93rem;
    background-color: #FFFFFF;
    display: flex;
    margin: 0 auto;
    border:  1px solid #FFFFFF;
    border-radius: 0.26rem;
    margin-bottom: 0.3rem;
  /*  position: relative;*/
}
.banner-1 .right-content{
    width:4.8rem ;
    height:1.8rem;


}
.banner-1 .left-img{
    background-image: url("../img/cat.png");
    height: 1.53rem;
    width: 1.58rem;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 0.2rem;
    margin-top: 0.2rem;
  /* position: absolute;
    left:0.2rem;
    top:0.2rem;*/
}
.banner-1 .text-content{
    height: 0.35rem;
    width: 4.7rem;
    display: flex;
    justify-content: space-between;
    margin-top: 0.18rem;
    margin-left: 0.2rem;

}
.banner-1 .text-left{
    font-size: 0.34rem;
}
.banner-1 .text-right{
    font-size: 0.20rem;
    color:rgba(255, 131, 0, 1);

}
.banner-1 .right-content .text-2{
    font-size: 0.28rem;
    color: rgba(102, 102, 102, 1);
    margin-top: 0.23rem;
    margin-left: 0.22rem;

}
.banner-1 .right-content .text-3{
    font-size: 0.22rem;
    color: rgba(153, 153, 153, 1);
    margin-top: 0.16rem;
    margin-left: 0.22rem;
}




footer{
    height:0.98rem;
    width:7.5rem;
    background:rgba(255,255,255,1);
    box-shadow:0 -0.05rem 0.1rem 0 rgba(173,173,173,0.11);
    color:hsla(31, 89%, 22%, 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
}
footer .text-3{
    font-size: 0.2rem;
    margin-top: 0.1rem;
}

footer .content-2{
    height: 0.70rem;
    width: 0.40rem;
    margin-left: 0.76rem;
}
footer .content-2.margin-right{
    margin-right: 0.79rem;
}
footer .img-2{
    background-image: url("../../home-page/img/jingxuan(2)@2x.png");
    width:0.36rem;
    height:0.30rem;
    background-repeat: no-repeat;
    background-size: cover;
}